/***
 * html转doc整体描述及css格式与word格式对应关系, 每页宽度默认550px
 *     一、div, p 标签为正文
 *     二、h1, h2...等标题标签对应word的各级标题
 *     三、img 标签为对应word内的图片，用处： 带图片的标题，普通word图片，echarts展示为图片 设置宽度width， 高度height，不设置按图片默认尺寸显示
 *     四、关于换页 会根据内容长度自动换页，所有block标签都可以插入分页设置style={{pageBreakBefore: "always"}} 对应word内的插入分页
 *     五、关于居中 文本内容可以设置textAlign: 'center', 正文下级内容居中可以设置p, div标签的 align="center" 居中对应word内的居中
 *     六、关于标签设置类名，需要在导出函数wordExport的传参style或者updateExportCss内写对应word格式的css
 */

/***
 *  1. 文字处理：
 *     textIndent: "38pt", // 首行缩进2字符
 *     lineHeight: 1.5,    // 行高
 *     fontSize: "14pt",   // 字体大小 与 word对应关系大小见fontSizeToPT.png
 *     color: "blue",      // 字体颜色
 *     textDecoration: 'underline',  // underline设置下划线  line-through设置删除线
 *     fontStyle: 'italic' // 设置斜体
 */

/***
 *  2. 带图片的标题
 *     h2标签搭配width=20， height=20导出word视图合适
 *     其他合适的对应关系待测试
 */

/***
 *  3. 关于echarts元素
 *     通过ref 获得this.echartsRef.echarts_instance 当前echarts实例
 *     this.echartsRef.echarts_instance.getDataURL() 方法获得base64格式图片  ps: 太长？，可以转成blob url
 *     然后使用img标签展示
 */
import * as React from 'react';
import PropTypes from 'prop-types';
import ExportWayOne from '../ExportWayOne';
export default class ExportWordC extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const { baseStyles = {}, boxStyles = {}, children } = this.props;
    return (
      <>
        <div style={baseStyles} className={{}}>
          <div style={boxStyles} className={{}}>
            <ExportWayOne>{children}</ExportWayOne>
          </div>
        </div>
      </>
    );
  }
}
ExportWordC.propsTypes = {
  children: PropTypes.node, // 视图Html
  viewHtml: PropTypes.node, // 需要渲染的模板Html 非必传
  baseStyles: PropTypes.object, // 第一层style
  boxStyles: PropTypes.object, // 第二层style
};
